<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/newsinfo.css">
    <link rel="stylesheet" href="../css/album.css">
    <link rel="stylesheet" href="../css/house.css">
    <!-- <link rel="stylesheet" href="../css/index.css"> -->
    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../css/swper.css">
    <title>新闻详情</title>
</head>

<body>
  <!-- 头部 -->
  <header>
    <div class="head">
      <div class="title left">
        <img src="../imgs/5.png" class="left" alt="">
        <div class="titleGps left">
          <p class="left">新乡</p><span class="left"></span>
        </div>
      </div>
      <div class="headNav left">
        <ul>
          <li><a href="">首页</a></li>
          <li><a href="" class="btnColor">新房</a></li>
          <li><a href="">二手房</a></li>
          <li><a href="">楼市</a></li>
          <li><a href="">置业管家</a></li>
          <li><a href="">品牌地产</a></li>
        </ul>
      </div>
      <div class="search left">
        <div>
          <p>新房<span></span></p>
        </div>
        <div>
          <input type="text" name="" id="" placeholder="请输入楼盘名称">
        </div>
        <a class="login" href="">登录</a>
      </div>
    </div>
  </header>
  <div class="tian"><img src="../imgs/title-phone.png" alt=""></div>
  <!-- 导航栏 -->
  <div class="liao">
    <div class="cheng">
      <span>聊城房产网></span>
      <span>聊城楼盘></span>
      <span>东昌府区楼盘></span>
      <span>荣盛水岸话语二期</span>
    </div>
    <div class="time">
      2018年10月25日更新
    </div>
  </div>
  <!-- 碧桂园凤凰湾 -->
  <div class="phoenix">
      碧桂园凤凰湾
  </div>
  <!-- 在售 -->
  <div class="onbuy">
    <div class="buy-left">
      <div class="buyone">
          <a href="">在售</a>
      </div>
      <div class="buytwo">
          <a href="">婚房/刚需</a>
      </div>
      <div class="buythree">
          <a href="">养老</a>
      </div>
      <span>别名：碧桂园凤凰区</span>
      <span>2018年12月24日更新</span>
      <span>787878人访问</span>
    </div>
    <div class="buy-right">
        <div class="phone-left">
          <img src="../imgs/12.png" alt="">
        </div>
        <div class="phone-right">
          <p class="phonelou">售楼处电话</p>
          <p>
            <span class="phonethree">400-705-3322</span>
            <span>转269</span>
          </p>
        </div>
    </div>
  </div>
  <div class="null"></div>
  <!-- 选项卡 -->
  <div class="answer">
    <div class="hu">
        <a href="">售楼处主页</a>
        <a href="">楼盘信息</a>
        <a class="action" href="">户型图</a>
        <a href="">相册</a>
        <a href="">地图交通</a>
        <a href="">价格走势</a>
        <a href="">楼盘动态</a>
        <a href="">有问必答</a>
        <a href="">手机看楼盘</a>
    </div>
  </div>
  <!-- 选项卡结束 -->
  <!-- 内容 -->
  <div class="nwso1c fudong">
    <!-- 左 -->
    <div class="wso1z">
      <!-- 领票 -->
      <div class="wso1z1">
        <p style="font-size:28px;">领票倒计时！11月3日重量盛典启幕在即 摇滚狂欢即将银保</p>
        <div class="fudong so1z1">
          <div class="so1z2">
            2018年10月26日 21:49
          </div>
          <div class="so1z3">
            <span>新动态通知我</span>
            <span>
              <img src="../imgs/new-02.jpg" alt="">
              报名看房</span>
            <span>
              <img src="../imgs/new-03.jpg" alt="">
              扫描到手机</span>
          </div>
        </div>
        <div class="so1z4">
          [导读]11月3日，中粮·国滨服产品发布盛典启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中！
        </div>
      </div>
      <!-- 聊城 -->
      <div class="wsolc1">
        <img src="../imgs/new-04.jpg" alt="">
        <p>[导读]11月3日，中粮·国滨服产品发布盛典启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中！</p>
        <p>[导读]11月3日，
          <a href="###">中粮·国滨服</a>(<a href="###"> 产品</a><a href="###"> 发布</a><a href="###"> 盛典</a>）启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中！[导读]11月3日，中粮·国滨服产品发布盛典启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中！</p>
      </div>
      <!-- 看点1 -->
      <div class="wsokan1">
        <p> <b>【看点1】摇滚天团 引爆狂欢</b> </p>
        <p>启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中！[导读]11月3日，中粮·国滨服产品发布盛典启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中</p>
        <img src="../imgs/new-06.jpg" alt="">
      </div>
      <!-- 看点2 -->
      <div class="wsokan2">
        <p> <b>【看点2】摇滚天团 引爆狂欢</b> </p>
        <p>启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中！[导读]11月3日，中粮·国滨服产品发布盛典启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中</p>
        <img src="../imgs/new-05.jpg" alt="">
      </div>
      <!-- 看点3 -->
      <div class="wsokan3">
        <p> <b>【看点3】摇滚天团 引爆狂欢</b> </p>
        <p>启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中！[导读]11月3日，中粮·国滨服产品发布盛典启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中</p>
        <img src="../imgs/new-07.jpg" alt="">
      </div>
      <!-- 看点4 -->
      <div class="wsokan4">
        <p> <b>【看点4】摇滚天团 引爆狂欢</b> </p>
        <p>启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中！[导读]11月3日，中粮·国滨服产品发布盛典启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中</p>
        <img src="../imgs/new-08.jpg" alt="">
      </div>
      <!-- 心动 -->
      <div class="wsokan5">
        <p> <b>【看点4】摇滚天团 引爆狂欢</b> </p>
        <p>启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中！[导读]11月3日，中粮·国滨服产品发布盛典启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中</p>
        <img src="../imgs/new-09.jpg" alt="">
      </div>
      <!-- 中国梁斌 -->
      <div class="wsokan6">
        <p>启幕！摇滚巨星零点乐队，空降聊城！</p>
        <img src="../imgs/new-10.jpg" alt="">
        <p><span class="wsdian"></span>
          启幕！摇滚巨星零点乐队:空降聊城！VIP门票最后</p>
        <p><span class="wsdian"></span>
          启幕！摇滚巨星零点乐队:空降聊城！VIP门票最后</p>
        <p><span class="wsdian"></span>
          启幕！摇滚巨星零点乐队:空降聊城！VIP门票最后</p>
        <p><span class="wsdian"></span>
          启幕！摇滚巨星零点乐队:空降聊城！VIP门票最后</p>
      </div>
      <!-- 来源 -->
      <div class="wsokan7 fudong">
        <div class="fudong">
          <p>
            来源：中粮·国宾
          </p>
          <p>律师声明：摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中！[导读]11月3日，中粮·国滨服产品发布盛典启幕</p>
        </div>
        <div class="fudong wsokan8">
          <div class="wsdong1">
            <span>查看全部动态</span>
            <span>新动态通知我</span>
          </div>
          <div class="wsdong2">
            分享到：
          </div>
        </div>
      </div>
    </div>
    <!-- 右 -->
    <div class="wso1y">
      <div class="wso1y1">
        <span><a href="###"><img src="../imgs/new-22.png" alt=""></a></span>
        <span><a href="###"><img src="../imgs/new-23.png" alt=""></a></span>
        <span><a href="###"><img src="../imgs/new-24.png" alt=""></a></span>
      </div>
      <div class="wso1y2">
        <p>订阅最新动态</p>
        <div class="wsint1">
          <img src="../imgs/new-18.jpg" alt="">
          <input type="text" placeholder="aaa">
        </div>
        <div class="wsint2">
          提交
        </div>
      </div>
      <div class="wsint3">
        <div class="wsint4">
          <img src="../imgs/new-19.jpg" alt="">
          <img src="../imgs/new-20.jpg" alt="">
        </div>
        <div class="wsint5">
          <input type="text" name="" id="" placeholder="请输入官架子">
          <span class="wsint6">
            <!-- <img src="../imgs/未标题-8.gif" alt=""> -->
          </span>
        </div>
        <div class="wsint7">
          <span class="wsi7sp1">
            <img src="../imgs/new-17.png" alt="">
            <b>最爱看</b>
          </span>
          <div class="wsint8">
            <ul>
              <li>
                <em></em><P>"房地产限购全面取消"不属实</P>
              </li>
              <li>
                <em></em><P>"房地产限购全面取消"不属实</P>
              </li>
              <li>
                <em></em><P>"房地产限购全面取消"不属实</P>
              </li>
              <li>
                <em></em><P>"房地产限购全面取消"不属实</P>
              </li>
              <li>
                <em></em><P>"房地产限购全面取消"不属实</P>
              </li>
              <li>
                <em></em><P>"房地产限购全面取消"不属实</P>
              </li>
              <li>
                <em></em><P>"房地产限购全面取消"不属实</P>
              </li>
              <li>
                <em></em><P>"房地产限购全面取消"不属实</P>
              </li>
            </ul>
          </div>
          <!--热门专题r -->
          <div class="topicTop">
             <span></span><img src="../imgs/new-20.png" alt=""> <p>热门专题</p><a href="">更多</a>
          </div>
          <div class="specialTopicCar">
            <div class="carousel">
              <div class="swiper-container">
                <div class="swiper-wrapper">
                  <div class="swiper-slide"><img src="../imgs/未标题-11.gif" alt=""></div>
                  <div class="swiper-slide"><img src="../imgs/未标题-11.gif" alt=""></div>
                  <div class="swiper-slide"><img src="../imgs/未标题-11.gif" alt=""></div>
                  <div class="swiper-slide"><img src="../imgs/未标题-11.gif" alt=""></div>
                  <!-- <div class="swiper-slide"><img src="./imgs/未标题-11.gif" alt=""></div> -->
                </div>
                <!-- Add Pagination -->
                <!-- <div class="swiper-pagination"></div> -->
              </div>
            </div> 
            <div class="carouselBtn swiper-pagination">
              <span ></span>
              <span></span>
              <span></span>
              <span></span>
            </div>
          </div>
          <!-- 热点 -->
          <div class="wsint9">
            <span><img src="../imgs/new-21.png" alt="">
              <b>热点</b>
            </span>
            <a href="###">更多</a>
            <div class="wsint10">
              <ul class="wsiul1">
                <li>
                  <em>1</em><P>"房地产限购全面取消"不属实</P>
                </li>
                <li>
                  <em>2</em><P>"房地产限购全面取消"不属实</P>
                </li>
                <li>
                  <em>3</em><P>"房地产限购全面取消"不属实</P>
                </li>
                <li>
                  <em>4</em><P>"房地产限购全面取消"不属实</P>
                </li>
                <li>
                  <em>5</em><P>"房地产限购全面取消"不属实</P>
                </li>
                <li>
                  <em>6</em><P>"房地产限购全面取消"不属实</P>
                </li>
                <li>
                  <em>7</em><P>"房地产限购全面取消"不属实</P>
                </li>
                <li>
                  <em>8</em><P>"房地产限购全面取消"不属实</P>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 相关资讯 -->
  <div class="wsxun1">
    <div class="wsxun12 fudong">
      <p><b>相关资讯</b></p>
      <p class="wsxunp1">启幕！摇滚巨星零点乐队，空降聊城！VIP门票最后火爆申领中！<br>
        [导读]11月3日，中粮·国滨服产品发布盛典启幕！摇滚巨星零点乐队<br>
        ，空降聊城！VIP门票最后火爆申领中</p>
      <div class="wsxun2 fudong">
        <div class="wsxz1 fudong">
          <div class="xiugai">
            <img src="../imgs/new-11.jpg" alt="">
          </div>
          <div class="wsxz2">
            <span style="font-size:21px;"><b>碧桂园凤凰万</b></span><span class="wsxzsp1 swzp1"><span class="wsxzsp1 swzp3">惠</span><span class="wsxzsp1 swzp2">首付5%即可订房</span></span>
            <p class="wsxz3">7500元/平米</p>
            <div class="wsxz4">
              <img src="../imgs/new-12.png" alt="">
              <span>位置户型(1)</span>
              <span>3室户型(1)</span>
              <span>4室户型(1)</span>
              <span>5室户型(1)</span>
              <span class="wsxz4s1">
                <a href="###">查看户型图></a>
              </span>
            </div>
            <div class="wsxz4">
              <img src="../imgs/new-13.png" alt="">
              <span style="line-height: 30px;">启幕！摇滚巨星零点乐队，空降聊城！</span>
              <span style="margin-left:90px;" class="wsxz4s1"><a href="###">查看户型图></a></span>
            </div>
            <div class="wsxz4">
              <img src="../imgs/new-15.png" alt="">
              <span style="line-height: 30px;">400-705-3322 转269</span>
              <span style="margin-left:223px;" class="wsxz4s1"><a href="###">查看户型图></a></span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="wsxun3 fudong">
      <span style="font-size:40px;">置业管家</span><span style="font-size:21px;color:#fb5a00;margin-left:30px;">向他咨询：政策解读、房价行情、楼盘推荐...</span>
      <div class="wsxun4 fudong">
        <div class="xiugai2">
          <img src="../imgs/new-16.png" alt="">
        </div>
        <div class="wsxun5">
          <p style="margin-top:10px;font-size:25px;">刘一同</p>
          <p>以服务16人</p>
        </div>
        <span class="wsxun6 xiugai3">向他咨询</span>
        <div class="xiugai2">
          <img src="../imgs/new-16.png" alt="">
        </div>
        <div class="wsxun5">
          <p style="margin-top:10px;font-size:25px;">刘一同</p>
          <p>以服务16人</p>
        </div>
        <span class="wsxun6">向他咨询</span>
      </div>
    </div>
  </div>
  <!-- 约车看房 -->
  <div class="fot1">
    <div class="kfot1 floata">
      看
    </div>
    <div class="kche floata">
      <b style="margin-bottom:12px;font-size:18px;">免费专车随时看房</b> <span class="kchesps">HOT</span> <br>
      <span style="font-size:15px;color:#7f868c;">一对一小陈接送</span>
    </div>
    <div class="kyue floatb">
        约车看房
    </div>
    <div class="kren floatb">
      <i><img src="../imgs/zj-06.png" alt=""></i>
      20人已参加
    </div>
  </div>
  <!-- 订阅 -->
  <div class="nonding">
    <div class="nndg1">
      <p><span>订阅本番通知：</span>您将在第一时间获取薪金吗楼盘打折，降价等信息</p>
      <div class="nndg2">
        立即订阅
      </div>
    </div>
  </div>
  <!-- 猜你喜欢 -->
  <div class="ncai">
    <div class="nxi">
      猜你喜欢
    </div>
    <div class="ntu">
      <div class="floata">
        <div class="xiugai4">
          <img src="../imgs/caini-1.jpg" alt="">
        </div>
        <p><b>是经商-绿城·许府海棠</b></p>
        <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
      </div>
      <div class="floata nzuo">
        <div class="xiugai4">
          <img src="../imgs/caini-1.jpg" alt="">
        </div>
        <p><b>是经商-绿城·许府海棠</b></p>
        <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
      </div>
      <div class="floata nzuo">
        <div class="xiugai4">
          <img src="../imgs/caini-1.jpg" alt="">
        </div>
        <p><b>是经商-绿城·许府海棠</b></p>
        <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
      </div>
      <div class="floata nzuo">
        <div class="xiugai4">
          <img src="../imgs/caini-1.jpg" alt="">
        </div>
        <p><b>是经商-绿城·许府海棠</b></p>
        <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
      </div>
      <div class="floata nzuo">
        <div class="xiugai4">
          <img src="../imgs/caini-1.jpg" alt="">
        </div>
        <p><b>是经商-绿城·许府海棠</b></p>
        <p>均价：<b style="color:red;">52024元/m<sup>2</sup></b></p>
      </div>
    </div>
  </div>
</body>

</html>
<script src="../js/swiper-3.4.2.min.js"></script>
<script>
  var swiper = new Swiper('.swiper-container', {
  pagination: '.swiper-pagination',
  paginationClickable: '.swiper-pagination',
  nextButton: '.swiper-button-next',
  prevButton: '.swiper-button-prev',
  spaceBetween: 30,
  autoplay : 1000,
});
</script>